@media screen and (max-width: $response-width) {
  .ant-row {
    width: 100%;
    & [class*="ant-col"] {
      width: 100%;
    }
  }
  .header {
    &-max {
      display: none;
    }
    &-mini {
      display: block;
    }
  }
  .footer {
    &-item {
      text-align: center;
      display: none;
      &:last-child {
        display: block;
      }
      &-description {
        text-align: center;
      }
    }
    .copyright {
      &-item {
        display: block;
        text-align: center;
      }
    }
  }
}